/**
 * 属性：
 *  x，食物的横向位置
 *  y，食物的纵向位置
 *  element，食物对象对应的div
 * 方法：
 *  randomLocation，随机位置
 */
class Food {
  constructor(x, y) {
    this.x = x
    this.y = y
    this.element = $('<div class="food"></div>').appendTo('#map')
  }
  randomLocation() {
    // 横向最多格子数
    let maxXCount = $('#map').width() / 20
    // 纵向最多格子数
    let maxYCount = $('#map').height() / 20
    // 横向范围[0, maxXCount)，横向随机格子数
    let xNum = Math.floor(Math.random() * maxXCount)
    // 纵向范围[0, maxYCount)，纵向随机格子数
    let yNum = Math.floor(Math.random() * maxYCount)
    // 给food对象添加随机位置
    this.x = 20 * xNum
    this.y = 20 * yNum
    this.element.css({
      left: this.x,
      top: this.y
    })
  }
}